Programmeren 5

Herhaling HTML

Doelstelling

• wat semantische html is en hoe je dit toepast;
• dat hyperlinks de besis vormen voor de interactie met de gebruiker;
• dat een form een meer geavanceerde manier voor interactie met de gebruiker is;
• hoe een form element werkt en hoe de browser de waarden, die de gebruiker intypt in de verschillende html besturingselementen, verwerkt;
• hoe je met Git lokaal en remote werkt;

Stappenplan

1. Waarvoor dient HTML
2. HTML schrijven
3. HTML commentaar
4. Semantische HTML
5. HTML voor de basistructuur van een pagina
6. Hyperlinks
   1. Link naar een bestand
   2. Link naar een bladwijzer
7. HTML attributen
8. HTML formulieren maken
   1. Wat is een formulier
   2. Elementen
      1. Het form element
      2. Het label element
      3. Het input element
      4. De submit knop
      5. Tekstvak
      6. Tekstgebied
      7. Wachtwoord
      8. Keuzerondje
      9. Selectievak
      10. Keuzelijst
      11. Elementen groeperen
      12. Datum- en tijdinvoer
      13. E-mailinvoer
      14. Range
      15. Bestanduploadvak
   3. Attributen
      1. HTML formulier attributen
   4. Voorbeeld
      1. Tekst en uitleg
         1. Een HTML formulier eerste versie
         2. Een HTML formulier tweede versie
      2. Filmpjes:
         1. Formulier voorbereiden om later met een serverside scripting taal, bijvoorbeeld PHP, te verwerken
         2. Inspecteren hoe de browser de ingevoerde gegevens verstuurt naar de server
   5. Soorten formulieren
9. HTML Bronnen

Opdracht

1. Opdracht form HTML
2. Creëer een map op je lokale computer met de naam programmeren5. Daarin creëer je een map met de naam herhalinghtml. Met je editor (Visual Studio Code of een andere editor) maak je het bestand met de naam register.html in de map herhalinghtml.
3. Bewaar je werk in een lokale git repo.
4. Push je lokale repo naar Bitbucket.